<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 依赖包 -->
    <script src="./js/vue.js"></script>
</head>
<body>
    <!-- 模板:vue开发的是spa应用-->
    <!-- 
        SPA:single page web application  单页面应用开发
        React|Vue框架，开发的是单页面应用，程序当中只有一个静态页面
     -->
    <div id="app">
         <!--插值语法简写方式  -->
          <h1>插值{{msg}}语法双大括号{{msg}}</h1>
          <!-- v-text很少用:标签使用了v-text可以插值的，但是标签中间不能书写其他的内容（失效） -->
          <h1 v-text="text"></h1>
          <!-- v-html:类似于v-text -->
          <h1 v-html="text"></h1>
    </div>
</body>
</html>
<script>
     //插值语法：{{}}完成的写法即为v-text
     //创建VM实例
     let VM = new Vue({
         el:"#app",
         data:{
             msg:"成龙",
             text:"<a href='http://www.baidu.com'>百度</a>"
         }
     });
     //v-text|v-html:类似于innerText|innerHTML
     //v-text|v-html:很少用（需要知道）
</script>